<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
        "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
<head>
    <meta http-equiv="Content-Type" content="text/html;charset=UTF-8">
    <title>信阳学院图书馆</title>
    <link rel="stylesheet" type="text/css" href="{{ static('css/reset.css') }}">
    <link rel="stylesheet" type="text/css" href="{{ static('css/main.css') }}">
    <script type="text/javascript" src="{{ static('js/jquery-1.12.4.min.js') }}"></script>
    <script type="text/javascript" src="{{ static('js/vue-2.5.16.js') }}"></script>
    <script type="text/javascript" src="{{ static('js/axios-0.18.0.min.js') }}"></script>
</head>
<body>
<div id="app">
    <div class="header_con" v-cloak> {# 颜色高度和缝隙的颜色 #}
        <div class="header">
            <div class="welcome fl">信阳学院图书馆</div>
            <div class="fr">
                <div v-if="username" class="login_btn fl">
                    欢迎您：<em>[[ username ]]</em>
                    <span>|</span>
                    <a href="{{ url('users:logout') }}" class="quit">退出</a>
                </div>
                <div v-else class="login_btn fl">
                    <a href="{{ url('users:login') }}">登录</a>
                    <span>|</span>
                    <a href="{{ url('users:register') }}">注册</a>
                </div>
                <div class="user_link fl">
                    <span>|</span>
                    <a href="{{ url('users:info') }}">我的</a>
                    <span>|</span>
                    <a href="{{ url('administrator:admin_login') }}">管理员登录</a>
                </div>
            </div>
        </div>
    </div>
    <div class="search_bar clearfix">
        <a href="{{ url('contents:index') }}" class="logo fl"><img src="{{ static('images/logoz.png') }}"></a>
        <div class="search_wrap fl">
            <form method="get" action="/book_info/" class="search_con">
                <input type="text" class="input_text fl" name="p" placeholder="搜索图书">
                <input type="submit" class="input_btn fr" name="" value="搜索">
            </form>
        </div>

    </div>
    <div class="pos_center_con clearfix">
        <ul class="slide">
            <li><a href="#"><img src="../static/images/bj1.jpg" alt="幻灯片01"></a></li>
            <li><a href="#"><img src="../static/images/bj2.jpg" alt="幻灯片02"></a></li>
            <li><a href="#"><img src="../static/images/bj3.png" alt="幻灯片03"></a></li>
            <li><a href="#"><img src="../static/images/bj4.png" alt="幻灯片04"></a></li>
        </ul>
        <div class="prev"></div>
        <div class="next"></div>
        <ul class="points"></ul>
    </div>
    <div class="list_model model03">
        <div class="list_title clearfix">
            <h3 class="fl" id="model01">今日图书推荐</h3>
            <div class="subtitle fr">
                <a @mouseenter="f3_tab=1" :class="f3_tab===1?'active':''">最多借阅</a>
                <a @mouseenter="f3_tab=2" :class="f3_tab===2?'active':''">最受欢迎</a>
            </div>
        </div>
        <div class="goods_con clearfix">
            <div class="goods_list_con">
                <ul v-show="f3_tab===1" class="goods_list fl">
                    <li>
                        <a href="{{ url('bookinfo:book_info', args=(111111, )) }}" class="goods_pic"><img
                                src="{{ static('images/goods/hlm.jpg') }}"></a>
                        <h4><a href="{{ url('bookinfo:book_info', args=(111111, )) }}">红楼梦</a></h4>
                        <h4><a href="{{ url('bookinfo:book_info', args=(111111, )) }}">作者：曹雪芹</a></h4>
                    </li>
                    <li>
                        <a href="{{ url('bookinfo:book_info', args=(111112, )) }}" class="goods_pic"><img
                                src="{{ static('images/goods/xyj.jpg') }}"></a>
                        <h4><a href="{{ url('bookinfo:book_info', args=(111112, )) }}">西游记</a></h4>
                        <h4><a href="{{ url('bookinfo:book_info', args=(111112, )) }}">作者：吴承恩</a></h4>
                    </li>
                    <li>
                        <a href="{{ url('bookinfo:book_info', args=(111113, )) }}" class="goods_pic"><img
                                src="{{ static('images/goods/sgyx.jpg') }}"></a>
                        <h4><a href="{{ url('bookinfo:book_info', args=(111113, )) }}">三国演义</a></h4>
                        <h4><a href="{{ url('bookinfo:book_info', args=(111113, )) }}">作者：罗贯中</a></h4>
                    </li>
                    <li>
                        <a href="{{ url('bookinfo:book_info', args=(111114, )) }}" class="goods_pic"><img
                                src="{{ static('images/goods/shz.jpg') }}"></a>
                        <h4><a href="{{ url('bookinfo:book_info', args=(111114, )) }}">水浒传</a></h4>
                        <h4><a href="{{ url('bookinfo:book_info', args=(111114, )) }}">作者：施耐庵</a></h4>
                    </li>
                    <li>
                        <a href="{{ url('bookinfo:book_info', args=(111115, )) }}" class="goods_pic"><img
                                src="{{ static('images/goods/sjjg.jpg') }}"></a>
                        <h4><a href="{{ url('bookinfo:book_info', args=(111115, )) }}">数据结构</a></h4>
                        <h4><a href="{{ url('bookinfo:book_info', args=(111115, )) }}">作者：严慧敏</a></h4>
                    </li>
                    <li>
                        <a href="{{ url('bookinfo:book_info', args=(111116, )) }}" class="goods_pic"><img
                                src="{{ static('images/goods/sjkxtgl.jpg') }}"></a>
                        <h4><a href="{{ url('bookinfo:book_info', args=(111116, )) }}">数据库系统概论</a></h4>
                        <h4><a href="{{ url('bookinfo:book_info', args=(111116, )) }}">作者：王珊 萨师煊</a></h4>
                    </li>
                    <li>
                        <a href="{{ url('bookinfo:book_info', args=(111117, )) }}" class="goods_pic"><img
                                src="{{ static('images/goods/sfdl.jpg') }}"></a>
                        <h4><a href="{{ url('bookinfo:book_info', args=(111117, )) }}">算法导论</a></h4>
                        <h4><a href="{{ url('bookinfo:book_info', args=(111117, )) }}">作者：（美）科尔曼</a></h4>
                    </li>
                    <li>
                        <a href="{{ url('bookinfo:book_info', args=(111118, )) }}" class="goods_pic"><img
                                src="{{ static('images/goods/mathbook.jpg') }}"></a>
                        <h4><a href="{{ url('bookinfo:book_info', args=(111118, )) }}">高等数学</a></h4>
                        <h4><a href="{{ url('bookinfo:book_info', args=(111118, )) }}">作者：同济大学数学系</a></h4>
                    </li>
                    <li>
                        <a href="{{ url('bookinfo:book_info', args=(111119, )) }}" class="goods_pic"><img
                                src="{{ static('images/goods/java.jpg') }}"></a>
                        <h4><a href="{{ url('bookinfo:book_info', args=(111119, )) }}">Java从入门到精通</a></h4>
                        <h4><a href="{{ url('bookinfo:book_info', args=(111119, )) }}">作者：耿祥义 张跃平</a></h4>
                    </li>
                    <li>
                        <a href="{{ url('bookinfo:book_info', args=(3000001, )) }}" class="goods_pic"><img
                                src="{{ static('images/goods/yy.jpg') }}"></a>
                        <h4><a href="{{ url('bookinfo:book_info', args=(3000001, )) }}">极简英语思维</a></h4>
                        <h4><a href="{{ url('bookinfo:book_info', args=(3000001, )) }}">作者：杨海英</a></h4>
                    </li>
                    <li>
                        <a href="{{ url('bookinfo:book_info', args=(5000002, )) }}" class="goods_pic"><img
                                src="{{ static('images/goods/KCJ.jpg') }}"></a>
                        <h4><a href="{{ url('bookinfo:book_info', args=(5000002, )) }}">昆虫记</a></h4>
                        <h4><a href="{{ url('bookinfo:book_info', args=(5000002, )) }}">作者：徐煜楠 </a></h4>
                    </li>
                    <li>
                        <a href="{{ url('bookinfo:book_info', args=(5000001, )) }}" class="goods_pic"><img
                                src="{{ static('images/goods/C++PP.jpg') }}"></a>
                        <h4><a href="{{ url('bookinfo:book_info', args=(5000001, )) }}">C++ PrimerPlus</a></h4>
                        <h4><a href="{{ url('bookinfo:book_info', args=(5000001, )) }}">作者：Stephen </a></h4>
                    </li>
                </ul>
                <ul v-show="f3_tab===2" class="goods_list fl">
                    <li>
                        <a href="{{ url('bookinfo:book_info', args=(111116, )) }}" class="goods_pic"><img
                                src="{{ static('images/goods/sjkxtgl.jpg') }}"></a>
                        <h4><a href="{{ url('bookinfo:book_info', args=(111116, )) }}">数据库系统概论</a></h4>
                        <h4><a href="{{ url('bookinfo:book_info', args=(111116, )) }}">作者：王珊 萨师煊</a></h4>
                    </li>
                    <li>
                        <a href="{{ url('bookinfo:book_info', args=(111117, )) }}" class="goods_pic"><img
                                src="{{ static('images/goods/sfdl.jpg') }}"></a>
                        <h4><a href="{{ url('bookinfo:book_info', args=(111117, )) }}">算法导论</a></h4>
                        <h4><a href="{{ url('bookinfo:book_info', args=(111117, )) }}">作者：（美）科尔曼</a></h4>
                    </li>
                    <li>
                        <a href="{{ url('bookinfo:book_info', args=(111118, )) }}" class="goods_pic"><img
                                src="{{ static('images/goods/mathbook.jpg') }}"></a>
                        <h4><a href="{{ url('bookinfo:book_info', args=(111118, )) }}">高等数学</a></h4>
                        <h4><a href="{{ url('bookinfo:book_info', args=(111118, )) }}">作者：同济大学数学系</a></h4>
                    </li>
                    <li>
                        <a href="{{ url('bookinfo:book_info', args=(111119, )) }}" class="goods_pic"><img
                                src="{{ static('images/goods/java.jpg') }}"></a>
                        <h4><a href="{{ url('bookinfo:book_info', args=(111119, )) }}">Java从入门到精通</a></h4>
                        <h4><a href="{{ url('bookinfo:book_info', args=(111119, )) }}">作者：耿祥义 张跃平</a></h4>
                    </li>
                    <li>
                        <a href="{{ url('bookinfo:book_info', args=(111111, )) }}" class="goods_pic"><img
                                src="{{ static('images/goods/hlm.jpg') }}"></a>
                        <h4><a href="{{ url('bookinfo:book_info', args=(111111, )) }}">红楼梦</a></h4>
                        <h4><a href="{{ url('bookinfo:book_info', args=(111111, )) }}">作者：曹雪芹</a></h4>
                    </li>
                    <li>
                        <a href="{{ url('bookinfo:book_info', args=(111112, )) }}" class="goods_pic"><img
                                src="{{ static('images/goods/xyj.jpg') }}"></a>
                        <h4><a href="{{ url('bookinfo:book_info', args=(111112, )) }}">西游记</a></h4>
                        <h4><a href="{{ url('bookinfo:book_info', args=(111112, )) }}">作者：吴承恩</a></h4>
                    </li>
                    <li>
                        <a href="{{ url('bookinfo:book_info', args=(5000002, )) }}" class="goods_pic"><img
                                src="{{ static('images/goods/KCJ.jpg') }}"></a>
                        <h4><a href="{{ url('bookinfo:book_info', args=(5000002, )) }}">昆虫记</a></h4>
                        <h4><a href="{{ url('bookinfo:book_info', args=(5000002, )) }}">作者：徐煜楠 </a></h4>
                    </li>
                    <li>
                        <a href="{{ url('bookinfo:book_info', args=(5000001, )) }}" class="goods_pic"><img
                                src="{{ static('images/goods/C++PP.jpg') }}"></a>
                        <h4><a href="{{ url('bookinfo:book_info', args=(5000001, )) }}">C++ PrimerPlus</a></h4>
                        <h4><a href="{{ url('bookinfo:book_info', args=(5000001, )) }}">作者：Stephen </a></h4>
                    </li>
                    <li>
                        <a href="{{ url('bookinfo:book_info', args=(111113, )) }}" class="goods_pic"><img
                                src="{{ static('images/goods/sgyx.jpg') }}"></a>
                        <h4><a href="{{ url('bookinfo:book_info', args=(111113, )) }}">三国演义</a></h4>
                        <h4><a href="{{ url('bookinfo:book_info', args=(111113, )) }}">作者：罗贯中</a></h4>
                    </li>
                    <li>
                        <a href="{{ url('bookinfo:book_info', args=(111114, )) }}" class="goods_pic"><img
                                src="{{ static('images/goods/shz.jpg') }}"></a>
                        <h4><a href="{{ url('bookinfo:book_info', args=(111114, )) }}">水浒传</a></h4>
                        <h4><a href="{{ url('bookinfo:book_info', args=(111114, )) }}">作者：施耐庵</a></h4>
                    </li>
                    <li>
                        <a href="{{ url('bookinfo:book_info', args=(111115, )) }}" class="goods_pic"><img
                                src="{{ static('images/goods/sjjg.jpg') }}"></a>
                        <h4><a href="{{ url('bookinfo:book_info', args=(111115, )) }}">数据结构</a></h4>
                        <h4><a href="{{ url('bookinfo:book_info', args=(111115, )) }}">作者：严慧敏</a></h4>
                    </li>
                    <li>
                        <a href="{{ url('bookinfo:book_info', args=(3000001, )) }}" class="goods_pic"><img
                                src="{{ static('images/goods/yy.jpg') }}"></a>
                        <h4><a href="{{ url('bookinfo:book_info', args=(3000001, )) }}">极简英语思维</a></h4>
                        <h4><a href="{{ url('bookinfo:book_info', args=(3000001, )) }}">作者：杨海英</a></h4>
                    </li>
                </ul>
            </div>
        </div>
    </div>
</div>
<div class="footer">
    <div class="foot_link">
        <a href="#">求真</a>
        <span>|</span>
        <a href="#">创新</a>
        <span>|</span>
        <a href="#">勤学</a>
        <span>|</span>
        <a href="#">笃行</a>
    </div>
    <p>CopyRight © 信阳学院图书馆 All Rights Reserved</p>
</div>
</div>
<script type="text/javascript" src="{{ static('js/common.js') }}"></script>
<script type="text/javascript" src="{{ static('js/slide.js') }}"></script>
<script type="text/javascript" src="{{ static('js/index.js') }}"></script>
</body>
</html>